<html>
  <head>
    <title>Whisper Muse - Home</title>
    <style type="text/css">

      a:link
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:visited
      {
        color: #006699;
        font-family: verdana, arial, sans-serif;
      }
      a:hover
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:active
      {
        color: #00FF99;
        font-family: verdana, arial, sans-serif;
      }

      .title
      {
        font-family: verdana, arial, sans-serif;
        font-size: 38px;
        color: yellow;
      }

      *
      {
        background-color: black;
        padding: 0;
        margin: 0;
      }

      .container
      {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
        background-color: black;
        background-repeat: no-repeat;
      }

      .clear
      {
        clear: both;
        display: block;
      }

      #header
      {
        margin-top: 41px;
        margin-left: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 900px;
        height: 80px;
      }
      #toprow1
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow2
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow3
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow4
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #contentleft
      {
        margin-left: 150px;
        margin-top: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 300px;
        height: 1000px;
      }
      #contentright
      {
        margin-left: 50px;
        margin-top: 22px;
        display: inline;
        float: left;
        position: relative;
        width: 400px;
        height: 1000px;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <!-- Header -->
      <div id="header">
        <!-- TODO: Replace with Image -->
        <p class="title">Whisper Muse</p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "edit_account", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

      <!-- Content -->
      <div id="contentleft">
        <font face="verdana" color="yellow">
          <font face="verdana" color="green">
			<% if flash[:notice] %>
      			<%= flash[:notice] %>
    		<% end %>
    	  </font>
    	  <font face="verdana" color="red">
    		<% if flash[:error] %>
      			<%= flash[:error] %>
    		<% end %>
    	  </font>
    	  <br>
          Search Songs:
          <br>
          <br>
          <%= form_tag :controller => 'song', :action => 'search', :method => 'search' do %>
            <%= text_field_tag :search, params[:search], :id => 'search_field', :value => '', :style => 'color:#fff;' %>
            <br>
            <br>
            <%= submit_tag "Search", :name => nil, :style => 'color:#fff;' %>
          <% end %>
          <br>
          <br>
          Search Albums:
          <br>
          <br>
          <%= form_tag :controller => 'album', :action => 'search', :method => 'search' do %>
            <%= text_field_tag :search, params[:search], :id => 'search_field', :value => '', :style => 'color:#fff;' %>
            <br>
            <br>
            <%= submit_tag "Search", :name => nil, :style => 'color:#fff;' %>
          <% end %>
            <br>
          <br>
          Search Users:
          <br>
          <br>
          <%= form_tag :controller => 'user', :action => 'search', :method => 'search' do %>
            <%= text_field_tag :search, params[:search], :id => 'search_field', :value => '', :style => 'color:#fff;' %>
            <br>
            <br>
            <%= submit_tag "Search", :name => nil, :style => 'color:#fff;' %>
          <% end %>
        </font>
      </div>
      <div id="contentright">
        <!--<form action="" method="POST">
				Create New Review:<br>
				<br>
				Song:<br>
				<input id="song_name" name="recipe[title]" size="30" 
         			   type="text" value="" />
         		<br>
         		<br>
				Artist:<br>
				<input id="song_name" name="recipe[title]" size="30" 
         			   type="text" value="" />
         		<br>
         		<br>
				Album:<br>
				<input id="song_name" name="recipe[title]" size="30" 
         			   type="text" value="" />
         		<br>
         		<br>
				Rating:<br>
  				<select name="recipe[category_id]">
					<option value="1">
         				1
       				</option>
       				<option value="2">
         				2
       				</option>
       				<option value="3">
         				3
       				</option>
       				<option value="4">
         				4
       				</option>
       				<option value="5">
         				5
       				</option>
  				</select>
				<br>
				<br>
				Review:<br>
				<input id="song_name" name="recipe[title]" size="30" 
         			   type="text" value="" /><br>
         		<br>
				<input type="submit" value="Create" />
			</form>-->
      </div>
      <div class="clear">
      </div>
    </div>
  </body>
</html>